﻿function getSelectedIds() {
    var checkstatus = layui.table.checkstatus('demoTable'); // 'demo'为表格的基础参数 id
    // console.log(checkstatus.data); // 获取选中行的数据，即多个行对象
    // console.log(checkstatus.data.length); // 获取选中行数量，可作为是否有选中行的条件
    // console.log(checkstatus.isall); // 表格是否全选

    if (checkstatus.data.length > 0) {
        var idsArray = [];
        for (var i = 0; i < checkstatus.data.length; i++) {
            idsArray.push(checkstatus.data[i].roomId); // 假设每行数据中有一个名为'id'的字段用于存储行的标识
        }
        var ids = idsArray.toString();
        // console.log(ids);
        alert(ids);
    } else {
        alert("请至少选择一行");
    }
}

layui.use(['table', 'jquery', 'layer', 'form', 'laypage', 'element', 'util', 'laydate'], function () {
    var table = layui.table;
    var $ = layui.jquery;
    var form = layui.form;
    var layer = layui.layer;
    var laypage = layui.laypage;
    var element = layui.element;
    var util = layui.util;
    var laydate = layui.laydate;


    $(function () {
        show();
    })
    //定义变量
    var from = {
        goodLableName: "",
        index: 1,
        pagesize: 10
    }
    var total = 0;
    //显示
    function show() {
        $.ajax({
            url: 'http://localhost:5174/api/GoodLable/GetShowGoodLable',
            type: 'post',
            contentType: "application/json",
            data: JSON.stringify(from),
            headers: {
                "Authorization": "Bearer " + localStorage.getItem('token')
            },
            async: true,
            success: res => {
                total = res.data.total;

                table.render({
                    elem: '#demoTable',
                    data: res.data.data,
                    cols: [[
                        { field: 'ck', type: 'checkbox', },
                        { field: 'goodLableName', title: '商户名称' },
                        { toolbar: '#bardemo', title: '操作' }
                    ]]
                });
            },
            error: function (error) {
                console.error(error);
            }
        })
    }
    // 完整显示
    laypage.render({
        elem: 'demo-laypage-all', // 元素 id
        count: 4, // 数据总数
        limit: from.pageSize,
        limits: [3, 4, 5, 6],
        layout: ['count', 'prev', 'page', 'next', 'limit', 'refresh', 'skip'], // 功能布局
        first: '首页',
        last: '尾页',
        prev: '<em>←</em>',
        next: '<em>→</em>',
        //页面跳转时
        jump: function (obj, first) {
            //非首次加载时调用
            if (!first) {
                from.index = obj.curr;
                from.pagesize = obj.limit;
                show()
            }
        }
    });
    //查询
    $(document).on('click', '[lay-event="myBtn"]', function () {

        from.goodLableName = $("#goodLableName").val()

        // 处理点击事件的逻辑
        show();
    });

    //反选
    // 监听全选复选框
    var selectedValues = [];
    form.on('checkbox(ck)', function (data) {
        var isChecked = data.elem.checked;

        console.log('选中的值:', data.elem.checked);
        var checkboxes = document.querySelectorAll('#dataTable tbody input[type="checkbox"]');
        checkboxes.forEach(function (checkbox) {
            checkbox.checked = isChecked;
            if (checkbox.checked) {
                selectedValues.push(checkbox.value.goodLableId);
            }
        });
        console.log('选中的值:', data.elem.checked);
    });




    //添加商户
    form.on('submit(submitForm)', function (data) {
        data.elem.disabled = true;//防止重复提交
        $.ajax({
            url: 'http://localhost:5174/api/GoodLable/GetAddGoodLable',
            type: 'post',
            contentType: "application/json",
            data: JSON.stringify(data.field),
            success: function (res) {
                // 添加成功后的操作
                if (res.code > 0) {
                    layer.msg("添加成功");
                    show()
                }
            }
        });
        return false;
    });

    //弹出层
    $(".layui-btn").click(function () {
        var id = $(this).attr('id');
        if (id === "add") {
            $("#edit").hide();
            $("#adds").show();
            var index = layer.open({
                type: 1,
                area: ['630px', '360px'],
                shade: false, // 不显示遮罩
                content: $('#roomTypeAdd'), // 捕获的元素
                end: function () {
                    // layer.msg('关闭后的回调', {icon:6});
                }
            });
        }
    });


    //反填商户编辑 （单删）添加商户
    table.on('tool()', function (obj) {
        var data = obj.data; // 获取当前行数demoTable据
        var layEvent = obj.event; // 获取 lay-event 对应的值
        console.log(data)
        $.ajax({
            url: 'http://localhost:5174/api/GoodLable/GetFindGoodLable',  // 替换成实际的接口地址
            type: 'GET',
            data: { id: data.goodLableId },  // 传递的参数
            success: function (data) {

                // 将数据填充到表单中
                document.getElementById('goodLableId').value = data.data.goodLableId;
                //$("#goodLableId").val(data.data.goodLableId);
                $("#editgoodLableName").val(data.data.goodLableName);

            },
            error: function (xhr, status, error) {
                console.error('Error fetching user data:', error);
                // 处理错误情况
            }

        });
        //修改商户
        form.on('submit(xiuForm)', function (data) {
            console.log(JSON.stringify(data.field));
            $.ajax({
                url: 'http://localhost:5174/api/GoodLable/GetUpdGoodLable',
                type: 'post',
                contentType: "application/json",
                data: JSON.stringify(data.field),

                success: function (res) {

                    // 添加成功后的操作
                    if (res.code > 0) {
                        layer.msg("修改成功");
                        var index = layer.getFrameIndex('index'); // 获取弹出层的索引
                        layer.close(index);
                    }
                }
            });
            return false;
        });

        if (obj.event === 'yourFunction') {
            $("#edit").show();
            $("#adds").hide();
            //编辑按钮的处理逻辑
            //var roomid = obj.roomId
            layer.open({
                title: '编辑 - id:' + data.goodLableId,
                type: 1,
                shade: false, // 不显示遮罩
                area: ['80%', '80%'],
                content: $('#roomTypeAdd'),
                end: function () {
                    // layer.msg('关闭后的回调', {icon:6});
                }
            });
            //在这里进行编辑相关的操作，例如打开编辑模态框、发送编辑请求等
            console.log('编辑按钮被点击，行数据为:', data);
        }
        else if (layEvent === 'deleteNumber') {

            layer.confirm('确定要删除该行数据吗？', function (index) {
                // 执行删除操作...
                var myArray = [];
                myArray.push(obj.data.goodLableId)
                $.ajax({
                    url: 'http://localhost:5174/api/GoodLable/GetDelGoodLable',
                    type: 'post',
                    contentType: "application/json",
                    data: JSON.stringify({ goodLableId: myArray }),
                    headers: {
                        "Authorization": "Bearer " + localStorage.getItem('token')
                    },
                    success: function (res) {
                        if (res.code > 0) {
                            layer.msg("删除成功");
                            show()
                        }

                        // 删除成功后的操作
                    }
                });
                layer.close(index);
            });
        }






    });

});